<template>
    <Header title="效果评估报告" left-arrow />
    <div class="container">
        <img v-if="types.includes('1')" class="img" src="@/assets/report/品牌指数-城市.png" alt="">
        <div v-if="types.includes('2')">
            <img class="img" src="@/assets/report/电商指数01.png" alt="">
            <img class="img" src="@/assets/report/电商指数02.png" alt="">
            <img class="img" src="@/assets/report/电商指数03.png" alt="">
            <img class="img" src="@/assets/report/电商指数04.png" alt="">
            <img class="img" src="@/assets/report/电商指数05.png" alt="">
        </div>
        <img v-if="types.includes('3')" class="img" src="@/assets/report/搜索指数.png" alt="">
        <img v-if="isShow" class="img" src="@/assets/report/电商指数01.png" alt="">
        <img v-if="types.includes('4')" class="img" src="@/assets/report/电商指数02.png" alt="">
        <img v-if="types.includes('5')" class="img" src="@/assets/report/电商指数03.png" alt="">
        <img v-if="types.includes('6')" class="img" src="@/assets/report/电商指数04.png" alt="">
        <img v-if="types.includes('7')" class="img" src="@/assets/report/电商指数05.png" alt="">
        <img v-if="types.includes('8')" class="img" src="@/assets/report/门店引流.png" alt="">
    </div>
</template>

<script lang="ts" setup>
import Header from '@/components/Header/index.vue';
import { useRouter } from 'vue-router';

const router = useRouter();
const types = router.currentRoute.value.query.checkTypes || [];
const isShow = types.includes('4') || types.includes('5') || types.includes('6') || types.includes('7');

</script>

<style lang="scss" scoped>
.container {
    width: 100%;
    min-height: 100vh;
    padding: 6px 0;
    box-sizing: border-box;
    background: #fff;
    .img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        vertical-align: bottom;
    }
}
</style>
